/**
 * Copyright (c) 2020 kedacom
 * OpenATC is licensed under Mulan PSL v2.
 * You can use this software according to the terms and conditions of the Mulan PSL v2.
 * You may obtain a copy of Mulan PSL v2 at:
 * http://license.coscl.org.cn/MulanPSL2
 * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
 * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
 * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
 * See the Mulan PSL v2 for more details.
 **/
/*  容器div start  */
#query {
    color: #42daff;
    background: rgb(31, 46, 46, 0.8);
}
/*  容器div end  */

/**************** 下拉框 start  ********************/
/*下拉框中的el-tag的样式 默认是info 现在修改*/
.el-select .el-tag {
  background-color: #0096ba;
}
.el-select .el-tag--info {
  color: #b6f0ff;
}
/*************** 下拉框 end  ********************/


/*************** table start *******************/
.el-table,
.el-table__expanded-cell {
    background-color: transparent;
    /* opacity: 0.8; */
}

.el-table th {
    background-color: #0a4958;
}

.el-table tr {
    background-color: #192626;
    color: #42daff;
}
.el-table__body .el-table__row {
  background-color: #1f2e2e !important;
  color: #42daff;
}

.el-table__body .el-table__row.current-row>td {
    background: #009cc4 !important;
    color: #b6f0ff;
}

/* .el-table__body tr:hover>td {
    background-color: #00718e !important;
    color: #ffffff;
} */
.el-table__body .el-table__row:hover>td {
    background-color: #00718e !important;
    color: #ffffff;
}

.el-table--border td,
.el-table--border th,
.el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed {
    border-right: 1px solid #ebeef5;
    border-color: #0a4958;
}

.el-table td,
.el-table th.is-leaf {
    border-bottom: 1px solid #0a4958;
}

.el-table--border,
.el-table--group {
    border: 1px solid #0a4958;
}

.el-table--border::after,
.el-table--group::after,
.el-table::before {
    background-color: #0a4958;
}

.el-table.el-table--fit.el-table--border.el-table--enable-row-hover.el-table--enable-row-transition {
    width: 100%;
    border: 1px solid #0a4958;

}

tr {
    height: 40px;
}

.el-table td,
.el-table th {
    padding: 0px 0;
    min-width: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-overflow: ellipsis;
    vertical-align: middle;
    position: relative;
}

/* .el-table .cell {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: normal;
    word-break: break-all;
    line-height: 18px;
} */
/********************* table end  **********************/


/******** 时间选择器 start **********/
.el-picker-panel {
  background: #0a4958;
}
.el-picker-panel__footer{
  background: #0a4958;
}
.el-date-editor input{
  background: #1f2e2e !important;
}
.el-button.is-plain:active {
  background: #42daff;
}
.el-button.is-plain:hover{
  background: #42daff;
}
.el-button.is-disabled.is-plain,
.el-button.is-disabled.is-plain:hover,
.el-button.is-disabled.is-plain:focus{
  background-color: #0a6b83;
}
.el-time-panel {
  margin: 5px 0;
  border: solid 1px #0096ba;
  background-color: rgba(14,73,87);
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  position: absolute;
  width: 180px;
  left: 0;
  z-index: 1000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/******** 时间选择器 end **********/

/**************drop 的背景 satrt******************/
.el-dropdown-menu {
  background-color:  rgba(31, 46, 46, 0.8);
}
/**************drop 的背景 end******************/

/**************card start******************/
.el-card{
  background-color:  rgba(31, 46, 46, 0.8);
}
/**************card end******************/

/**************tree start******************/
.el-tree{
  background-color:  rgba(31, 46, 46, 0.8);
}
/**************tree end******************/

/******************steps start*****************/
.el-step__icon {
  background: rgb(31, 46, 46);
}
/*选中前的线*/
.el-step__line {
  background: #0a4958;
}
/*选中前的图表圈圈*/
.el-step__head.is-wait {
  color: #0a4958;
  border-color: #0a4958;
}
.el-step__head.is-process {
  color: #0a4958;
  border-color: #0a4958;
}
.el-step__title.is-process {
  color: #0a4958;
}
.el-step__title.is-wait {
  color: #0a4958;
}
/*选中成功*/
.el-step__head.is-success{
  color: #42daff;
  border-color: #42daff;
}
.el-step__title.is-success {
  color: #42daff;
}
.el-step__icon :hover {
  cursor:pointer;
}
/*******************start end******************/

/******************tabs start********************/
.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active{
  background-color: #0096ba;
}
.el-tabs--border-card{
  background: transparent;
  border: none;
}
.el-tabs--border-card > .el-tabs__header {
  background-color:transparent;
  border-bottom: none;
}
.el-tabs--border-card > .el-tabs__content {
  padding: 0;
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item:not(.is-disabled):hover{
  color: #b6f0ff;
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active{
  color: #b6f0ff;
}
.el-tabs__new-tab{
  border: 1px solid #42daff;
}
.el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
  border-bottom-color: #42daff;
}
.el-tabs__item.is-active {
  background: #0d404c;
  color: #b6f0ff;
}
/******************tabs end********************/

/******************* button start ******************/
.el-button--text{
  color: #42daff;
}
.el-button--text:hover{
  color: #ffffff;
}
.el-button--default:hover{
  color: #222e2e;
  background: #42daff;
  border: solid 1px #42daff;
}
.el-button--primary:hover{
  color: #222e2e;
  background: #42daff;
  border: solid 1px #42daff;
}
.el-button--primary.is-disabled, .el-button--primary.is-disabled:hover, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:active{
  color: #0a6b83;
  background-color: #1f2e2e;
  border-color: #1f2e2e;
}
.el-button--primary {
  color: #b6f0ff;
  background-color: #0096ba;
  border-color: #0096ba;
}
.el-button--default {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  background: #0096ba;
  border: 1px solid #0096ba;
  border-color: #0096ba;
  color: #b6f0ff;
  -webkit-appearance: none;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  -webkit-transition: .1s;
  transition: .1s;
  font-weight: 500;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 4px;
}
.el-button--text:hover, .el-button--text:focus {
  color: #42daff;
  border-color: transparent;
  background-color: transparent; 
}
.el-button--primary:focus {
  color: #b6f0ff;
  border-color: #0096ba;
  background-color: #0096ba;
}
.el-button--default:focus{
  color: #b6f0ff;
  border-color: #0096ba;
  background-color: #0096ba;
}
.el-button--small:hover{
  color: #222e2e;
  border-color: #42daff;
  background-color: #42daff;
}
/********************button end*********************/

/*******************form satrt**********************/
.el-form-item__label{
  color: #42daff;
}
/********************form end***********************/

/*********************message box***********************/
.el-message-box {
  background-color:rgba(31, 46, 46, 0.8);
}
/*********************message box***********************/

/********************** 滚动条的样式 start ********************/
::-webkit-scrollbar{width:8px;height:8px;}
::-webkit-scrollbar-button{display:none}
::-webkit-scrollbar-track{background-color:black;}
::-webkit-scrollbar-track-piece{background:#00738f}
::-webkit-scrollbar-thumb{background-color:#40d8ff ;border-radius:5px} /*拉条的样式*/
::-webkit-scrollbar-corner{background-color:#535353}  /* 即两个滚动条的交汇处 */
::-webkit-scrollbar-resizer{background-color:#FF6E00} /*两个滚动条的交汇处上用于通过拖动调整元素大小的小控件 */
/********************** 滚动条的样式 end ********************/

/********************** Transfer  start ********************/
.el-transfer-panel__list {
  margin: 0;
  padding: 6px 0;
  list-style: none;
  height: 246px;
  overflow: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: rgba(31, 46, 46, 0.9);
}
.el-transfer-panel__item.el-checkbox:hover {
  color: #b6f0ff;
} 
.el-transfer-panel__item.el-checkbox {
  color: #0096ba;
} 
.el-checkbox__input.is-checked + .el-checkbox__label {
  color: #b6f0ff;
}
.el-transfer-panel .el-transfer-panel__header {
  height: 40px;
  line-height: 40px;
  background: rgba(31, 46, 46, 1.0);
  margin: 0;
  padding-left: 15px;
  border-bottom: 1px solid #0096b0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
}
/********************** dialog  start ********************/
 .el-dialog {
  background:  rgba(31, 46, 46, 0.9);
  /* border: solid 1px rgba(66, 218, 255, 0.8); */
  border: solid 1px #0096ba;
} 
.el-dialog__headerbtn .el-dialog__close {
  color: #42daff;
}
.el-dialog__headerbtn .el-dialog__close:hover {
  color: #0096ba;
}

/********************** dialog  end ********************/

.el-transfer-panel__body{
  background: rgba(31, 46, 46, 1.0);
}

.el-pagination{
  background: #1a3339;
}
#app .sidebar-container{
  background: #191d1e;
}
.el-menu-item {
  min-width: 220px;
  background-color: #1b2f33;
}
.el-menu {
  border: none;
  width: 100%;
  background-color:#232525;
}
#app{
  background: #1c1e1e;
}
/********************** 分割线 ********************/
.el-menu.el-menu--horizontal{
  border-bottom: solid 1px #0a4958;
}
.hamburgercolor {
  fill:#42daff;
  stroke:red;
  stroke-width:2
}
/********************** 密码校验规则部分样式 ********************/
#pass-label .el-form-item__label {
  color: #0096ba;
}
#pass-state-succ{
  color:#01b468;
  float:left;
}
#pass-state-err{
  color:#0096ba;
  float:left;
}
/********************** input输入框变绿的异常情况 ********************/
.el-form-item.is-success .el-input__inner, .el-form-item.is-success .el-input__inner:focus, .el-form-item.is-success .el-textarea__inner, .el-form-item.is-success .el-textarea__inner:focus {
  border-color: #42daff;
}
/********************** 重新设置左侧菜单的高度，使之与右侧Navar高度相同 ********************/
.el-submenu__title {
  height: 50px;
  line-height: 56px;
  font-size: 14px;
  color: #42daff;
  padding: 0 20px;
  list-style: none;
  cursor: pointer;
  position: relative;
  -webkit-transition: border-color .3s, background-color .3s, color .3s;
  transition: border-color .3s, background-color .3s, color .3s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
}
/********************** 设置权限树的滚动条和边框 ********************/
.borde-style{
  overflow:auto;
  height:310px;
  border:1px solid;
  border-width: 1px;
  border-color:#0a4958
}
/********************** 全局背景色 ********************/
html{background-color:#232525}
/********************** 更改checkbox的背景色 ********************/
.el-checkbox__inner {
  display: inline-block;
  position: relative;
  border: 1px solid #0096ba;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  background-color: rgba(31, 46, 46, 0.9);
  z-index: 1;
  -webkit-transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
  transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
}
/********************** 更改删除弹框的取消符号的样式 ********************/
.el-message-box__headerbtn .el-message-box__close {
  color: #42daff;
}
.el-message-box__headerbtn .el-message-box__close:hover {
  color: #0096ba;
}
.el-message-box__content {
  position: relative;
  padding: 10px 15px;
  color: #42daff;
  font-size: 14px;
}
/********************** 设置主页字体样式 ********************/
.dashboard-container{
  font-style: italic;
  font-size: 30px;
  color: #42daff;
  text-align: center;
  margin-top: 20px;
}
/********************** 设置dashboard后面文字的样式 ********************/
.no-redirect {
  color: #b6f0ff;
  cursor: text;
}
/********************** 设置左侧菜单title的样式 ********************/
.menutitle {
  color:#42daff;
}
/********************** 设置权限加号和减号的颜色 ********************/
.el-icon-plus{
  color:#42daff;
}
.el-icon-minus{
  color:#42daff;
}
/********************** 设置main的分割线的颜色 ********************/
.el-dropdown-menu__item--divided:before {
  content: '';
  height: 4px;
  display: block;
  margin: 0 -20px;
  background-color: #0a4958;
}
/********************** 设置左侧菜单的样式 ********************/
#app .sidebar-container .nest-menu .el-submenu > .el-submenu__title, #app .sidebar-container .el-submenu .el-menu-item {
  min-width: 180px !important;
  background-color: #162528 !important;
}
#app .sidebar-container .nest-menu .el-submenu > .el-submenu__title, #app .sidebar-container .el-submenu .el-menu-item:hover {
  min-width: 180px !important;
  background-color: #121f21 !important;
}
#app .sidebar-container .nest-menu .el-submenu > .el-submenu__title, #app .sidebar-container .el-submenu .el-menu-item.is-active {
  min-width: 180px !important;
  background-color: #121f21 !important;
}

.el-input-group__prepend {
  color: #42daff !important;
}
#app .sidebar-container .el-menu {
  border: none;
  height: 100%;
  width: 100% !important;
  background: #1b2f33 !important;
}
.submenu-title-noDropdown:hover {
  background: #1c3c43 !important;
}
.el-submenu__title:hover {
  background: #1c3c43 !important;
}
.el-menu-item.is-active {
  background: #1c3c43 !important;
  color: #42daff !important;
}
.el-menu-item {
  color: #0096ba !important;
}
.el-menu-item:hover, .el-menu-item:focus {
  outline: none;
  background-color: #0d404c;
}
/********************** 设置选择框右边的文字样式 ********************/
.el-checkbox {
  color: #0096ba;
  font-weight: 500;
  font-size: 14px;
  position: relative;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/********************** 设置table下拉框箭头的样式 ********************/
.el-table__expand-icon {
  position: relative;
  cursor: pointer;
  color: #42daff;
  font-size: 12px;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  height: 20px;
}
/********************** 设置选择框多选状态，去除选中的样式 ********************/
.el-select .el-tag__close.el-icon-close {
  background-color: #0096ba;
  right: -7px;
  top: 0;
  color: #fff;
}
/********************** 设置date下拉框的样式 ********************/
.el-popper[x-placement^="bottom"] {
  margin-top: 10px;
}
/********************** 设置日历的样式 ********************/
.el-date-table td.next-month, .el-date-table td.prev-month {
  color: #0096ba;
}
.el-date-table td.current:not(.disabled) span {
  color: #fff;
  background-color: #0096ba;
}
.el-date-table span:hover {
  background: #0096ba;
}
.el-date-table td.today span {
  color: #42daff;
  font-weight: bold;
}
.el-picker-panel__icon-btn:hover {
  font-size: 12px;
  color: #42daff;
  border: 0;
  background: transparent;
  cursor: pointer;
  outline: none;
  margin-top: 8px;
}
.el-month-table td.current:not(.disabled) .cell {
  color: #42daff;
}
.el-year-table td .cell {
    width: 48px;
    height: 32px;
    display: block;
    line-height: 32px;
    color: #b6f0ff;
    margin: 0 auto;
}
.el-month-table td .cell:hover {
  width: 48px;
  height: 32px;
  display: block;
  line-height: 32px;
  color: #0096ba;
  margin: 0 auto;
}
.el-year-table td .cell:hover {
  width: 48px;
  height: 32px;
  display: block;
  line-height: 32px;
  color: #0096ba;
  margin: 0 auto;
}
.el-date-picker__header-label:hover {
  font-size: 16px;
  font-weight: 500;
  padding: 0 5px;
  line-height: 22px;
  text-align: center;
  cursor: pointer;
  color: #b6f0ff;
}
.el-date-table td.available:hover {
  color: #42daff;
 }
/********************** 设置日期选择的样式 ********************/
.el-time-spinner__item:hover:not(.disabled):not(.active) {
  background: #0096ba;
  cursor: pointer; 
}
.el-scrollbar__thumb{
  background: #40d8ff;
}
.el-scrollbar__thumb:hover{
  background: #40d8ff;
}
/********************** 设置计数框的样式 ********************/
.el-input-number__increase:hover{
  color:#b6f0ff;
  background: #0096ba;
}
.el-input-number__decrease:hover{
  color:#b6f0ff;
  background: #0096ba;
}
/********************** 设置多选下拉框的样式 ********************/
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover {
  background-color: #0096ba;
  color: #fff;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{
  color: #0096ba;
  font-weight: bold;
}
/********************** 设置单选下拉框的样式 ********************/
.el-select-dropdown__item.selected {
  color: #0096ba;
  font-weight: bold;
  background-color: rgba(31, 46, 46, 0.9);
}
.el-select-dropdown__item.selected:hover {
  background-color: #0096ba;
  color: #fff;
}
/********************** 设置看板的样式 ********************/
/* .kanban-button {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  background: #0096ba;
  border: 1px solid #0096ba;
  border-color: #0096ba;
  color: #fff;
  -webkit-appearance: none;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  -webkit-transition: .1s;
  transition: .1s;
  font-weight: 500;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 4px;
}
.kanban-button:hover {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  background: #0096ba;
  border: 1px solid #0096ba;
  border-color: #0096ba;
  color: #fff;
  -webkit-appearance: none;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  -webkit-transition: .1s;
  transition: .1s;
  font-weight: 500;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 4px;
} */